话不多说，直接上代码：
1、HTML
<div class="form-group">
<label class="col-sm-3 control-label is-required">多文件上传：</label>
<div class="col-sm-8">
<input type="file" name="md" id="article_md" multiple="multiple" required>
</div>
</div>
|
2、JS
/** 上传多文件 */
function submitHandler() {
var files = $("#article_md")[0].files;
var formData = new FormData();
for (let file of files) {
//将文件属性放入formdata里面，不能直接使用 formData.append("files",files）
formData.append("files",file,file.name);
}
$.ajax({
url: prefix + "/upload",
type: 'post',
async: false,
data: formData,
processData: false,
contentType: false,
success: function(result) {
$.operate.successCallback(result);
},
})
};
|
3、Java后台
@PostMapping("/upload")
@ResponseBody
public AjaxResult addFile(@RequestParam("files") MultipartFile[] files) {
for(MultipartFile fileData : files) {
sysBusinessService.doUploadReturnContract(fileData);
}
return AjaxResult.success("上传成功！");
}
|
